﻿<!DOCTYPE html>
<html>
  <head>
    <title>订单详情页面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/订单详情页面/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/订单详情页面/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片 ) -->
      <div id="u688" class="ax_default _图片_">
        <img id="u688_img" class="img " src="images/订单详情页面/u688.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u689" class="ax_default" data-left="30" data-top="10" data-width="350" data-height="556">

        <!-- Unnamed (矩形) -->
        <div id="u690" class="ax_default _形状">
          <div id="u690_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u691" class="ax_default _形状">
          <div id="u691_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u692" class="ax_default _文本段落">
        <div id="u692_div" class=""></div>
        <div id="u692_text" class="text ">
          <p><span style="font-family:'应用字体';">订单详情</span></p>
        </div>
      </div>

      <!-- 我的 (动态面板) -->
      <div id="u693" class="ax_default" data-label="我的">
        <div id="u693_state0" class="panel_state" data-label="首页" style="">
          <div id="u693_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u694" class="ax_default _形状">
              <img id="u694_img" class="img " src="images/订单详情页面/u694.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u695" class="ax_default _形状">
              <img id="u695_img" class="img " src="images/订单详情页面/u695.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u696" class="ax_default _形状">
              <div id="u696_div" class=""></div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u697" class="ax_default _水平线">
              <img id="u697_img" class="img " src="images/移动端退换流程-全部订单页面/u239.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u698" class="ax_default _形状">
              <img id="u698_img" class="img " src="images/订单详情页面/u698.png"/>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u699" class="ax_default" data-left="12" data-top="269" data-width="322" data-height="63">

              <!-- Unnamed (矩形) -->
              <div id="u700" class="ax_default _文本段落">
                <div id="u700_div" class=""></div>
                <div id="u700_text" class="text ">
                  <p><span style="font-family:'应用字体';">卡丁车四件套套装</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u701" class="ax_default _文本段落">
                <div id="u701_div" class=""></div>
                <div id="u701_text" class="text ">
                  <p><span style="font-family:'应用字体';">×1</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u702" class="ax_default _文本段落">
                <div id="u702_div" class=""></div>
                <div id="u702_text" class="text ">
                  <p><span style="font-family:'应用字体';">￥390.00</span></p>
                </div>
              </div>

              <!-- Unnamed (占位符) -->
              <div id="u703" class="ax_default _形状">
                <img id="u703_img" class="img " src="images/移动端退换流程-全部订单页面/u233.png"/>
              </div>
            </div>

            <!-- Unnamed (组合 ) -->
            <div id="u704" class="ax_default" data-left="12" data-top="344" data-width="322" data-height="63">

              <!-- Unnamed (矩形) -->
              <div id="u705" class="ax_default _文本段落">
                <div id="u705_div" class=""></div>
                <div id="u705_text" class="text ">
                  <p><span style="font-family:'应用字体';">卡丁车四件套套装</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u706" class="ax_default _文本段落">
                <div id="u706_div" class=""></div>
                <div id="u706_text" class="text ">
                  <p><span style="font-family:'应用字体';">×1</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u707" class="ax_default _文本段落">
                <div id="u707_div" class=""></div>
                <div id="u707_text" class="text ">
                  <p><span style="font-family:'应用字体';">￥390.00</span></p>
                </div>
              </div>

              <!-- Unnamed (占位符) -->
              <div id="u708" class="ax_default _形状">
                <img id="u708_img" class="img " src="images/移动端退换流程-全部订单页面/u233.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u709" class="ax_default _文本段落">
              <div id="u709_div" class=""></div>
              <div id="u709_text" class="text ">
                <p><span style="font-family:'应用字体';">合计：&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span><span style="font-family:'应用字体';color:#FF0000;">￥780.00</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u710" class="ax_default _水平线">
              <img id="u710_img" class="img " src="images/移动端退换流程-全部订单页面/u239.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u711" class="ax_default _文本段落">
              <div id="u711_div" class=""></div>
              <div id="u711_text" class="text ">
                <p><span style="font-family:'应用字体';">门店自提</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u712" class="ax_default _形状">
              <div id="u712_div" class=""></div>
              <div id="u712_text" class="text ">
                <p><span style="font-family:'应用字体';">退款</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u713" class="ax_default _文本段落">
              <div id="u713_div" class=""></div>
              <div id="u713_text" class="text ">
                <p><span style="font-family:'应用字体';">门店B</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u714" class="ax_default _水平线">
              <img id="u714_img" class="img " src="images/移动端退换流程-全部订单页面/u239.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u715" class="ax_default _文本段落">
              <div id="u715_div" class=""></div>
              <div id="u715_text" class="text ">
                <p><span style="font-family:'应用字体';">￥420.00</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u716" class="ax_default _水平线">
              <img id="u716_img" class="img " src="images/移动端退换流程-全部订单页面/u247.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u717" class="ax_default _形状">
              <div id="u717_div" class=""></div>
              <div id="u717_text" class="text ">
                <p><span style="font-family:'应用字体';">退款</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u718" class="ax_default _形状">
              <img id="u718_img" class="img " src="images/订单详情页面/u718.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u719" class="ax_default _文本段落">
              <div id="u719_div" class=""></div>
              <div id="u719_text" class="text ">
                <p><span style="font-family:'应用字体';">待取货</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u720" class="ax_default _文本段落">
              <div id="u720_div" class=""></div>
              <div id="u720_text" class="text ">
                <p><span style="font-family:'应用字体';">门店B&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; 13142541554</span></p><p><span style="font-family:'应用字体';">取货地址：湖南省 长沙市 岳麓区 梅子湖大道 金福大厦二层132号</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u721" class="ax_default _文本段落">
              <div id="u721_div" class=""></div>
              <div id="u721_text" class="text ">
                <p><span style="font-family:'应用字体';">买家留言</span></p><p><span style="font-family:'应用字体';">送人的礼物，请注意检查质量，尽快发货，谢谢！</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u722" class="ax_default _形状">
              <img id="u722_img" class="img " src="images/订单详情页面/u722.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u723" class="ax_default _文本段落">
              <div id="u723_div" class=""></div>
              <div id="u723_text" class="text ">
                <p><span style="font-family:'应用字体';">订单编码：W561691492682464</span></p><p><span style="font-family:'应用字体';">创建时间：2017-04-15 12:48:54</span></p><p><span style="font-family:'应用字体';">付款时间：2017-04-15 12:48:54</span></p><p><span style="font-family:'应用字体';">取货时间：</span></p><p><span style="font-family:'应用字体';">成交时间：</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u724" class="ax_default _水平线">
              <img id="u724_img" class="img " src="images/移动端退换流程-全部订单页面/u239.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u725" class="ax_default _文本段落">
              <div id="u725_div" class=""></div>
              <div id="u725_text" class="text ">
                <p><span style="font-family:'应用字体';">2017-06-12 上午</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u726" class="ax_default _水平线">
        <img id="u726_img" class="img " src="images/移动端退换流程-全部订单页面/u394.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u727" class="ax_default _形状">
        <div id="u727_div" class=""></div>
        <div id="u727_text" class="text ">
          <p><span style="font-family:'应用字体';">确认取货</span></p>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u728" class="ax_default" data-left="392" data-top="1394" data-width="850" data-height="288">

        <!-- Unnamed (表格) -->
        <div id="u729" class="ax_default _表格">

          <!-- Unnamed (单元格) -->
          <div id="u730" class="ax_default _单元格">
            <img id="u730_img" class="img " src="images/移动端退换流程-全部订单页面/u397.png"/>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u731" class="ax_default _单元格">
            <img id="u731_img" class="img " src="images/移动端退换流程-全部订单页面/u398.png"/>
            <div id="u731_text" class="text ">
              <p><span style="font-family:'应用字体';">待付款</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u732" class="ax_default _单元格">
            <img id="u732_img" class="img " src="images/移动端退换流程-全部订单页面/u399.png"/>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u733" class="ax_default _单元格">
            <img id="u733_img" class="img " src="images/移动端退换流程-全部订单页面/u397.png"/>
            <div id="u733_text" class="text ">
              <p><span style="font-family:'应用字体';">待发货</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u734" class="ax_default _单元格">
            <img id="u734_img" class="img " src="images/移动端退换流程-全部订单页面/u401.png"/>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u735" class="ax_default _单元格">
            <img id="u735_img" class="img " src="images/移动端退换流程-全部订单页面/u402.png"/>
            <div id="u735_text" class="text ">
              <p><span style="font-family:'应用字体';">待处理</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u736" class="ax_default _单元格">
            <img id="u736_img" class="img " src="images/移动端退换流程-全部订单页面/u403.png"/>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u737" class="ax_default _单元格">
            <img id="u737_img" class="img " src="images/移动端退换流程-全部订单页面/u404.png"/>
            <div id="u737_text" class="text ">
              <p><span style="font-family:'应用字体';">已完成</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u738" class="ax_default _单元格">
            <img id="u738_img" class="img " src="images/移动端退换流程-全部订单页面/u405.png"/>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u739" class="ax_default _单元格">
            <img id="u739_img" class="img " src="images/移动端退换流程-全部订单页面/u406.png"/>
            <div id="u739_text" class="text ">
              <p><span style="font-family:'应用字体';">类型/状态</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u740" class="ax_default _单元格">
            <img id="u740_img" class="img " src="images/移动端退换流程-全部订单页面/u407.png"/>
            <div id="u740_text" class="text ">
              <p><span style="font-family:'应用字体';">订单右上角状态显示</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u741" class="ax_default _单元格">
            <img id="u741_img" class="img " src="images/移动端退换流程-全部订单页面/u408.png"/>
            <div id="u741_text" class="text ">
              <p><span style="font-family:'应用字体';">对应按钮</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u742" class="ax_default _单元格">
            <img id="u742_img" class="img " src="images/移动端退换流程-全部订单页面/u406.png"/>
            <div id="u742_text" class="text ">
              <p><span style="font-family:'应用字体';">订单右上角状态显示</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u743" class="ax_default _单元格">
            <img id="u743_img" class="img " src="images/移动端退换流程-全部订单页面/u410.png"/>
            <div id="u743_text" class="text ">
              <p><span style="font-family:'应用字体';">对应按钮</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u744" class="ax_default _单元格">
            <img id="u744_img" class="img " src="images/移动端退换流程-全部订单页面/u411.png"/>
            <div id="u744_text" class="text ">
              <p><span style="font-family:'应用字体';">订单右上角状态显示</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u745" class="ax_default _单元格">
            <img id="u745_img" class="img " src="images/移动端退换流程-全部订单页面/u412.png"/>
            <div id="u745_text" class="text ">
              <p><span style="font-family:'应用字体';">对应按钮</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u746" class="ax_default _单元格">
            <img id="u746_img" class="img " src="images/移动端退换流程-全部订单页面/u413.png"/>
            <div id="u746_text" class="text ">
              <p><span style="font-family:'应用字体';">订单右上角状态显示</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u747" class="ax_default _单元格">
            <img id="u747_img" class="img " src="images/移动端退换流程-全部订单页面/u414.png"/>
            <div id="u747_text" class="text ">
              <p><span style="font-family:'应用字体';">对应按钮</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u748" class="ax_default _单元格">
            <img id="u748_img" class="img " src="images/移动端退换流程-全部订单页面/u415.png"/>
            <div id="u748_text" class="text ">
              <p><span style="font-family:'应用字体';">配送上门</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u749" class="ax_default _单元格">
            <img id="u749_img" class="img " src="images/移动端退换流程-全部订单页面/u416.png"/>
            <div id="u749_text" class="text ">
              <p><span style="font-family:'应用字体';">待付款</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u750" class="ax_default _单元格">
            <img id="u750_img" class="img " src="images/移动端退换流程-全部订单页面/u417.png"/>
            <div id="u750_text" class="text ">
              <p><span style="font-family:'应用字体';">立即支付、</span></p><p><span style="font-family:'应用字体';">取消订单</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u751" class="ax_default _单元格">
            <img id="u751_img" class="img " src="images/移动端退换流程-全部订单页面/u418.png"/>
            <div id="u751_text" class="text ">
              <p><span style="font-family:'应用字体';">待发货</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u752" class="ax_default _单元格">
            <img id="u752_img" class="img " src="images/移动端退换流程-全部订单页面/u419.png"/>
            <div id="u752_text" class="text ">
              <p><span style="font-family:'应用字体';">申请退款</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u753" class="ax_default _单元格">
            <img id="u753_img" class="img " src="images/移动端退换流程-全部订单页面/u420.png"/>
            <div id="u753_text" class="text ">
              <p><span style="font-family:'应用字体';">待收货</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u754" class="ax_default _单元格">
            <img id="u754_img" class="img " src="images/移动端退换流程-全部订单页面/u421.png"/>
            <div id="u754_text" class="text ">
              <p><span style="font-family:'应用字体';">确认收货</span><span style="font-family:'应用字体';color:#1E1E1E;">、查看物流</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u755" class="ax_default _单元格">
            <img id="u755_img" class="img " src="images/移动端退换流程-全部订单页面/u422.png"/>
            <div id="u755_text" class="text ">
              <p><span style="font-family:'应用字体';">已完成</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u756" class="ax_default _单元格">
            <img id="u756_img" class="img " src="images/移动端退换流程-全部订单页面/u423.png"/>
            <div id="u756_text" class="text ">
              <p><span style="font-family:'应用字体';">——</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u757" class="ax_default _单元格">
            <img id="u757_img" class="img " src="images/移动端退换流程-全部订单页面/u424.png"/>
            <div id="u757_text" class="text ">
              <p><span style="font-family:'应用字体';">门店自提</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u758" class="ax_default _单元格">
            <img id="u758_img" class="img " src="images/移动端退换流程-全部订单页面/u425.png"/>
            <div id="u758_text" class="text ">
              <p><span style="font-family:'应用字体';">待付款</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u759" class="ax_default _单元格">
            <img id="u759_img" class="img " src="images/移动端退换流程-全部订单页面/u426.png"/>
            <div id="u759_text" class="text ">
              <p><span style="font-family:'应用字体';">立即支付、</span></p><p><span style="font-family:'应用字体';">取消订单</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u760" class="ax_default _单元格">
            <img id="u760_img" class="img " src="images/移动端退换流程-全部订单页面/u427.png"/>
            <div id="u760_text" class="text ">
              <p><span style="font-family:'应用字体';">——</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u761" class="ax_default _单元格">
            <img id="u761_img" class="img " src="images/移动端退换流程-全部订单页面/u428.png"/>
            <div id="u761_text" class="text ">
              <p><span style="font-family:'应用字体';">——</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u762" class="ax_default _单元格">
            <img id="u762_img" class="img " src="images/移动端退换流程-全部订单页面/u429.png"/>
            <div id="u762_text" class="text ">
              <p><span style="font-family:'应用字体';">待取货</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u763" class="ax_default _单元格">
            <img id="u763_img" class="img " src="images/移动端退换流程-全部订单页面/u430.png"/>
            <div id="u763_text" class="text ">
              <p><span style="font-family:'应用字体';">确认取货、申请售后</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u764" class="ax_default _单元格">
            <img id="u764_img" class="img " src="images/移动端退换流程-全部订单页面/u431.png"/>
            <div id="u764_text" class="text ">
              <p><span style="font-family:'应用字体';">已完成</span></p>
            </div>
          </div>

          <!-- Unnamed (单元格) -->
          <div id="u765" class="ax_default _单元格">
            <img id="u765_img" class="img " src="images/移动端退换流程-全部订单页面/u432.png"/>
            <div id="u765_text" class="text ">
              <p><span style="font-family:'应用字体';">申请售后</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u766" class="ax_default _文本段落">
          <div id="u766_div" class=""></div>
          <div id="u766_text" class="text ">
            <p><span style="font-family:'应用字体';">确认收/取货后的订单，状态为已完成。已完成的订单出现在全部列表。</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u767" class="ax_default _形状">
          <div id="u767_div" class=""></div>
          <div id="u767_text" class="text ">
            <p><span style="font-family:'应用字体';">待支付</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u768" class="ax_default _形状">
          <div id="u768_div" class=""></div>
          <div id="u768_text" class="text ">
            <p><span style="font-family:'应用字体';">待发货</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u769" class="ax_default _形状">
          <div id="u769_div" class=""></div>
          <div id="u769_text" class="text ">
            <p><span style="font-family:'应用字体';">待取货、待收货</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u770" class="ax_default _形状">
          <div id="u770_div" class=""></div>
          <div id="u770_text" class="text ">
            <p><span style="font-family:'应用字体';">已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u771" class="ax_default _形状">
          <div id="u771_div" class=""></div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u772" class="ax_default _垂直线">
          <img id="u772_img" class="img " src="images/移动端退换流程-全部订单页面/u439.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u773" class="ax_default _文本段落">
          <div id="u773_div" class=""></div>
          <div id="u773_text" class="text ">
            <p><span style="font-family:'应用字体';">订单状态</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u774" class="ax_default _文本段落">
          <div id="u774_div" class=""></div>
          <div id="u774_text" class="text ">
            <p><span style="font-family:'应用字体';">取货类型</span></p>
          </div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u775" class="ax_default" data-left="872" data-top="1632" data-width="370" data-height="12">

          <!-- Unnamed (水平线) -->
          <div id="u776" class="ax_default _水平线">
            <img id="u776_img" class="img " src="images/移动端退换流程-全部订单页面/u443.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u777" class="ax_default _垂直线">
            <img id="u777_img" class="img " src="images/移动端退换流程-全部订单页面/u444.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u778" class="ax_default _垂直线">
            <img id="u778_img" class="img " src="images/移动端退换流程-全部订单页面/u444.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u779" class="ax_default _文本段落">
          <div id="u779_div" class=""></div>
          <div id="u779_text" class="text ">
            <p><span style="font-family:'应用字体';">已完成（15天内）、待取货的订单，可申请售后</span></p>
          </div>
        </div>

        <!-- Unnamed (组合 ) -->
        <div id="u780" class="ax_default" data-left="1063" data-top="1431" data-width="179" data-height="12">

          <!-- Unnamed (水平线) -->
          <div id="u781" class="ax_default _水平线">
            <img id="u781_img" class="img " src="images/移动端退换流程-全部订单页面/u448.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u782" class="ax_default _垂直线">
            <img id="u782_img" class="img " src="images/移动端退换流程-全部订单页面/u444.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u783" class="ax_default _垂直线">
            <img id="u783_img" class="img " src="images/移动端退换流程-全部订单页面/u444.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u784" class="ax_default _文本段落">
          <div id="u784_div" class=""></div>
          <div id="u784_text" class="text ">
            <p><span style="font-family:'应用字体';">注：在未取货前可以申请售后（退款）；已取货需按确认取货，可申请退货退款。申请售后功能在订单详情页面展示</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u785" class="ax_default _文本段落">
        <div id="u785_div" class=""></div>
        <div id="u785_text" class="text ">
          <p><span style="font-family:'应用字体';">一条订单数据（用户一次提交的订单数据或门店一次提交的订单数据），红框内为一条商品数据（可包含同一个商品的多个购买数量）；出现退款按钮，点击可跳转至退款页面。</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">门店B：</span><span style="font-family:'应用字体';">门店名称，一行显示20个字符，超过用…显示；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">门店自提：</span><span style="font-family:'应用字体';">读取订单的配送方式动态输出；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">2017-06-12 上午：</span><span style="font-family:'应用字体';">门店自提的预约时间，读取买家下单时选择的取货时间；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">商品数据：</span><span style="font-family:'应用字体';">展示商品图片、商品名称、商品规格、商品数量、商品单价、商品原价；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">商品图片：</span><span style="font-family:'应用字体';">输出订货系统中商品图片的手机图片列表下的头图，按比例压缩，不可拉伸变形；如无图片，则默认显示品牌logo图片（待提供）；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">卡丁车四件套套装：</span><span style="font-family:'应用字体';">读取订货系统中的商品名称数据，一行显示14个字，最多显示两行，超过的用…显示；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">红色；1.5m床；：</span><span style="font-family:'应用字体';">读取订货系统中商品规格选项下的规格值内容，不同规格值之间用；分隔；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">2：</span><span style="font-family:'应用字体';">读取本订单所买单个商品的实际数量，满足千位数的字符需用,隔开；</span></p><p><span style="font-family:'应用字体';color:#0000FF;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">￥390.00：</span><span style="font-family:'应用字体';">读取单个商品的单价，如涉及促销活动的商品；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">￥420.00：</span><span style="font-family:'应用字体';">读取促销商品的原始价格（梦洁云系统中商品数据）。</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">退款：</span><span style="font-family:'应用字体';">待取货状态下出现退款按钮，点击可退一条商品数据的金额总和（如一条商品数据有多个购买数量，则退款申请金额为多个商品的金额数据总和。）</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">合计：</span><span style="font-family:'应用字体';">展示本订单实际支付金额。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u786" class="ax_default _文本段落">
        <div id="u786_div" class=""></div>
        <div id="u786_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">订单数据及商品数据</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u787" class="ax_default _水平线">
        <img id="u787_img" class="img " src="images/移动端退换流程-全部订单页面/u523.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u788" class="ax_default _文本段落">
        <div id="u788_div" class=""></div>
        <div id="u788_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">总体功能说明</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u789" class="ax_default _水平线">
        <img id="u789_img" class="img " src="images/移动端退换流程-全部订单页面/u523.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u790" class="ax_default _文本段落">
        <div id="u790_div" class=""></div>
        <div id="u790_text" class="text ">
          <p><span style="font-family:'应用字体';">1、动态输出订单状态、门店信息、</span><a id="u791" class="link"><span style="font-family:'应用字体';">买家留言信息</span></a><span style="font-family:'应用字体';">、商品信息、价格信息、优惠信息、货物自提时间、订单时间信息及客服电话信息；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';">2、确认取货按钮悬浮在页面底部。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u792" class="ax_default _文本段落">
        <div id="u792_div" class=""></div>
        <div id="u792_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">运费、优惠及合计说明</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u793" class="ax_default _水平线">
        <img id="u793_img" class="img " src="images/移动端退换流程-全部订单页面/u523.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u794" class="ax_default _文本段落">
        <div id="u794_div" class=""></div>
        <div id="u794_text" class="text ">
          <p><span style="font-family:'应用字体';">展示本订单的订单编号、创建时间、付款时间、发货时间、成交时间；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">订单编号：</span><span style="font-family:'应用字体';">输出订单编号，如果是“待支付状态”则为W开头，精确到秒；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">创建时间：</span><span style="font-family:'应用字体';">输出订单创建时间，此处为订单提交时间，精确到秒；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">付款时间：</span><span style="font-family:'应用字体';">读取订单实际支付时间，精确到秒，如未支付则为空；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">取货时间：</span><span style="font-family:'应用字体';">读取用户点击“确认取货”按钮的时间，精确到秒，如没有数据则为空；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">成交时间：</span><span style="font-family:'应用字体';">读取用户点击“确认取货”按钮的时间，精确到秒，如没有数据则为空。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u795" class="ax_default _图片_">
        <img id="u795_img" class="img " src="images/订单详情页面/u795.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u796" class="ax_default _文本段落">
        <div id="u796_div" class=""></div>
        <div id="u796_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">联系客服说明</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u797" class="ax_default _水平线">
        <img id="u797_img" class="img " src="images/移动端退换流程-全部订单页面/u523.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u798" class="ax_default _文本段落">
        <div id="u798_div" class=""></div>
        <div id="u798_text" class="text ">
          <p><span style="font-family:'应用字体';">展示总部客服电话，点击出现一下非强制性拟态弹窗，点击确定可自行拨打；点击取消则关闭弹窗，停留在当前页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u799" class="ax_default _形状">
        <img id="u799_img" class="img " src="images/待取货页面/u600.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u800" class="ax_default" data-left="412" data-top="2262" data-width="243" data-height="100">

        <!-- Unnamed (矩形) -->
        <div id="u801" class="ax_default _流程形状">
          <div id="u801_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u802" class="ax_default _文本段落">
          <div id="u802_div" class=""></div>
          <div id="u802_text" class="text ">
            <p><span style="font-family:'应用字体';">联系湖南梦洁宝贝总部</span></p><p><span style="font-family:'应用字体';">0721-89876711</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u803" class="ax_default _水平线">
          <img id="u803_img" class="img " src="images/待取货页面/u604.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u804" class="ax_default _垂直线">
          <img id="u804_img" class="img " src="images/待取货页面/u605.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u805" class="ax_default _文本段落">
          <div id="u805_div" class=""></div>
          <div id="u805_text" class="text ">
            <p><span style="font-family:'应用字体';">取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u806" class="ax_default _文本段落">
          <div id="u806_div" class=""></div>
          <div id="u806_text" class="text ">
            <p><span style="font-family:'应用字体';">确定</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u807" class="ax_default _文本段落">
        <div id="u807_div" class=""></div>
        <div id="u807_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">门店信息说明</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u808" class="ax_default _水平线">
        <img id="u808_img" class="img " src="images/移动端退换流程-全部订单页面/u523.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u809" class="ax_default _文本段落">
        <div id="u809_div" class=""></div>
        <div id="u809_text" class="text ">
          <p><span style="font-family:'应用字体';">门店自提的订单需显示取货门店的地址信息，读取门店账号表的数据；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">门店B：</span><span style="font-family:'应用字体';">门店名称，一行显示20个字符，超过用…显示；</span></p><p><span style="font-family:'应用字体';color:#000000;"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">13142162556：</span><span style="font-family:'应用字体';">门店联系电话，读取门店列表中联系电话字段数据；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';color:#0000FF;">湖南省 长沙市 岳麓区 梅子湖大道 金福大厦二层132号：</span><span style="font-family:'应用字体';">读取门店列表中地址字段的数据，按照【省份】【空格】【城市】【空格】【地区】【空格】【地址】的形式显示。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u810" class="ax_default _图片_">
        <img id="u810_img" class="img " src="images/订单详情页面/u810.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u811" class="ax_default _文本段落">
        <div id="u811_div" class=""></div>
        <div id="u811_text" class="text ">
          <p><span style="font-family:'应用字体';color:#990000;">买家留言信息说明</span><span style="font-family:'应用字体';color:#0000FF;">（0626新增）：</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u812" class="ax_default _水平线">
        <img id="u812_img" class="img " src="images/移动端退换流程-全部订单页面/u523.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u813" class="ax_default _文本段落">
        <div id="u813_div" class=""></div>
        <div id="u813_text" class="text ">
          <p><span style="font-family:'应用字体';">展示买家留言信息；</span></p><p><span style="font-family:'应用字体';"><br></span></p><p><span style="font-family:'应用字体';">展示买家下单时的留言信息，多行展示时，内容框随之扩大，最多不超过200字。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u814" class="ax_default _形状">
        <div id="u814_div" class=""></div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u815" class="ax_default _图片_">
        <img id="u815_img" class="img " src="images/订单详情页面/u815.png"/>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u816" class="ax_default _图片_">
        <img id="u816_img" class="img " src="images/订单详情页面/u816.png"/>
      </div>
    </div>
  </body>
</html>
